import React from "react";
import { useModalContext } from "./Modal.hooks";
import { StyledContent } from "./Modal.styled";

/**
 * @function Content - Составной компонент для контента модального окна.
 * @param { React.HTMLAttributes<HTMLDivElement> } props - Пропсы для компонента.
 * @returns { React.ReactElement } - Компонент Content.
 */
const Content: React.FC<React.HTMLAttributes<HTMLDivElement>> = (
    { children, ...nextProps }: React.HTMLAttributes<HTMLDivElement>
): React.ReactElement => {

    useModalContext();

    return (
        <StyledContent {...nextProps}>
            {children}
        </StyledContent>
    );
};

export default Content;